<template>
  <div ref="agreementContent">
    <p style="margin-top:7px;margin-bottom:4px;margin-top:auto;text-align:center;background:rgb(255,255,255)">
      <strong
        ><span style="font-family: Montserrat;font-size: 32px"
          >AI <span style="font-family:宋体">小邦数据授权协议</span></span
        ></strong
      >
    </p>
    <p>
      <span style="font-family:宋体;font-size:16px">&nbsp;</span>
    </p>
    <h2 style="margin-top:0;margin-bottom:16px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">引言</span></span></strong
      >
    </h2>
    <p style="background: rgb(255, 255, 255)">
      <span style="font-family:宋体;color:#606266;font-size:14px"
        ><span style="font-family:宋体">亲爱的</span> <span style="font-family:Segoe UI">SaaS </span
        ><span style="font-family:宋体">用户，欢迎您使用 </span><span style="font-family:Segoe UI">AI </span
        ><span style="font-family:宋体"
          >小邦平台！在您勾选 "同意" 本协议之前，请仔细阅读并充分理解以下协议内容。</span
        ></span
      ><strong
        ><span style="font-family:宋体;color:#606266;font-size:14px"
          ><span style="font-family:宋体">本协议是贵单位（数据提供方，即</span>
          <span style="font-family:Segoe UI">SaaS </span
          ><span style="font-family:宋体">商户）与深圳会邦科技有限公司（数据接收方，即 </span
          ><span style="font-family:Segoe UI">AI </span
          ><span style="font-family:宋体">小邦平台运营方）就您将会员信息授权给 </span
          ><span style="font-family:Segoe UI">AI </span
          ><span style="font-family:宋体"
            >小邦平台相关事宜所达成的约定。如您不同意本协议的任何条款，请不要勾选
            "同意"，否则即表示您同意并完全接受本协议的全部条款。</span
          ></span
        ></strong
      >
    </p>
    <p style="margin-top: 7px;margin-bottom: 4px;background: rgb(255, 255, 255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">一、授权数据范围</span></span></strong
      >
    </p>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="font-family:宋体;color:#222222;font-weight:bold;font-size:16px">1.&nbsp;</span
      ><strong><span style="font-family: 宋体;color: #222222;font-size: 16px">会员</span></strong
      ><strong
        ><span style="color: #222222;font-size: 16px"><span style="font-family:宋体">信息</span></span></strong
      ><span style="color:#222222;font-size:16px"><span style="font-family:宋体">：会员的</span></span
      ><span style="font-family:宋体;color:#222222;font-size:16px">入会</span
      ><span style="color:#222222;font-size:16px"
        ><span style="font-family:宋体">表单信息、会员身份信息（会员名称、会员职务</span></span
      ><span style="color:#222222;font-size:16px">&nbsp;</span
      ><span style="color:#222222;font-size:16px"
        ><span style="font-family:宋体"
          >、入会时间、到期时间等）、会员成员信息（成员姓名、管理权限、手机号等）、会员缴费记录、会员负责人名片信息、会员单位名片信息。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold;font-size:16px">2.&nbsp;</span
      ><strong
        ><span style="color: #222222;font-size: 16px"><span style="font-family:宋体">会员账号信息</span></span></strong
      ><span style="color:#222222;font-size:16px"
        ><span style="font-family:宋体">：会员在甲方</span> SaaS <span style="font-family:宋体">平台的账号 </span
        ><span style="font-family:Segoe UI">ID</span><span style="font-family:宋体">、注册时间、账号状态。</span></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold;font-size:16px">3.&nbsp;</span
      ><strong
        ><span style="color: #222222;font-size: 16px"><span style="font-family:宋体">使用信息</span></span></strong
      ><span style="color:#222222;font-size:16px"
        ><span style="font-family:宋体">：会员在甲方</span> SaaS
        <span style="font-family:宋体">平台的登录记录（登录时间、登录 </span><span style="font-family:Segoe UI">IP</span
        ><span style="font-family:宋体"
          >）、操作行为（浏览记录、购买记录、搜索记录等），但不包括涉及商业秘密、敏感信息的具体操作内容。</span
        ></span
      >
    </p>
    <p style="margin-top: 7px;margin-bottom: 4px;background: rgb(255, 255, 255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">二、授权目的</span></span></strong
      >
    </p>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="font-family:'Segoe UI';color:#222222;font-weight:bold;font-size:16px">1.&nbsp;</span
      ><strong
        ><span style="font-family: 'Segoe UI';color: #222222;font-size: 16px"
          ><span style="font-family:宋体">服务优化</span></span
        ></strong
      ><span style="color:#222222;font-size:16px"
        ><span style="font-family:宋体"
          >：乙方利用授权数据，为甲方及甲方会员提供个性化的智能体服务，如基于会员使用习惯和偏好，提供精准的智能聊天回复、推荐合适的智能体功能，提升会员在</span
        >
        AI <span style="font-family:宋体">小邦平台的使用体验。</span></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold;font-size:16px">2.&nbsp;</span
      ><strong
        ><span style="color: #222222;font-size: 16px"
          ><span style="font-family:宋体">数据分析与改进</span></span
        ></strong
      ><span style="color:#222222;font-size:16px"
        ><span style="font-family:宋体">：通过对授权数据的分析，乙方帮助甲方了解会员需求和行为模式，为甲方优化</span>
        SaaS <span style="font-family:宋体">平台功能、产品迭代提供数据支持。</span></span
      >
    </p>
    <p style="margin-top: 7px;margin-bottom: 4px;background: rgb(255, 255, 255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">三、授权期限</span></span></strong
      >
    </p>
    <p style="margin-top: 7px;margin-bottom: 4px;background: rgb(255, 255, 255)">
      <span style="font-family:宋体;font-size:16px"
        ><span style="font-family:宋体">自您勾选</span> <span style="font-family:宋体">"同意" 本协议之日起 </span></span
      ><span style="font-size:16px">1</span
      ><span style="font-family:宋体;font-size:16px"
        >&nbsp;<span style="font-family:宋体">年。授权期满前</span> <span style="font-family:Segoe UI">30 </span
        ><span style="font-family:宋体">日，若双方无异议，则本协议自动延续 </span></span
      ><span style="font-size:16px">1</span
      ><span style="font-family:宋体;font-size:16px"
        >&nbsp;<span style="font-family:宋体"
          >年，以此类推。若您希望终止授权，可在平台相关设置中按照提示流程进行操作，或联系平台客服（</span
        ></span
      ><span style="font-size:16px">0755-89995466</span
      ><span style="font-family:宋体;font-size:16px">）协助处理。</span>
    </p>
    <h2 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">四、数据使用规则</span></span></strong
      >
    </h2>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">限制使用</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体">：</span>AI
        <span style="font-family:宋体"
          >小邦平台仅在本协议约定的授权目的范围内使用授权数据，不会将其用于其他任何商业目的或提供给第三方（本协议明确允许的情况除外）。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">去标识化处理</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：平台会在使用授权数据前，对数据进行去标识化处理，确保在使用过程中无法直接或间接识别特定个人身份，降低数据泄露风险。处理后的数据将符合相关法律法规对个人信息保护的要求。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">3.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">禁止转授权</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体">：未经您书面同意，</span>AI
        <span style="font-family:宋体">小邦平台不会将授权数据转授权给任何第三方。</span></span
      >
    </p>
    <h2 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">五、数据安全保障</span></span></strong
      >
    </h2>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">安全措施</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体">：</span>AI
        <span style="font-family:宋体"
          >小邦平台采用不低于行业通行标准的安全保护措施，保护授权数据的安全。具体包括使用加密技术存储和传输数据、建立严格的访问控制机制、定期进行安全漏洞检测和修复。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">人员管理</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：平台建立专门的管理制度，限制能够访问授权数据的人员范围，并要求相关人员签署保密协议，对数据进行保密。如发现人员违反保密规定，平台会及时采取措施制止，并追究相关人员责任。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">3.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">应急处理</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：若发生授权数据泄露、丢失、篡改等安全事件，平台会立即启动应急预案，采取措施防止危害扩大，并在</span
        >
        24
        <span style="font-family:宋体"
          >小时内通过平台站内信、邮件（若您已绑定邮箱）等方式通知您。同时，平台会按照法律法规要求，向相关监管部门报告安全事件情况。</span
        ></span
      >
    </p>
    <h2 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">六、您的权利与义务</span></span></strong
      >
    </h2>
    <h3 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 18px"><span style="font-family:宋体">（一）权利</span></span></strong
      >
    </h3>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">查询与监督</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体">：您有权随时在</span> AI
        <span style="font-family:宋体"
          >小邦平台相关页面查询平台对授权数据的使用情况，包括使用目的、使用方式、使用范围等。平台会配合您的查询要求，提供相关数据使用记录和报告。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">数据撤回</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：在授权期限内，如果您认为平台存在违反本协议约定使用授权数据的情况，或基于自身业务调整等合理原因，您可通过联系平台客服，要求撤回部分或全部授权数据。平台会在收到您的请求后</span
        >
        7 <span style="font-family:宋体">日内停止使用相关数据，并在 </span><span style="font-family:Segoe UI">15 </span
        ><span style="font-family:宋体">日内删除或匿名化处理已存储的相关数据。</span></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">3.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">协议解除</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：若平台严重违反本协议约定，导致您的权益受到重大损害，您有权解除本协议，并要求平台承担相应的赔偿责任。您可通过邮件或联系平台客服方式向平台发送书面通知的形式行使解除权。</span
        ></span
      >
    </p>
    <h3 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 18px"><span style="font-family:宋体">（二）义务</span></span></strong
      >
    </h3>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">合法授权</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：您应确保对授权数据拥有合法的授权和处置权，保证所提供的授权数据来源合法，且已获得会员必要的授权同意。如因您的授权问题导致平台遭受任何法律纠纷或损失，您应承担全部赔偿责任。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">协助义务</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：您应在技术和业务层面为平台获取和使用授权数据提供必要的协助，包括但不限于按照平台要求提供数据接口、数据格式说明等。如因您的原因导致平台无法正常获取或使用授权数据，影响服务提供，您应承担相应责任。</span
        ></span
      >
    </p>
    <h2 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"
          ><span style="font-family:宋体">七、</span>AI <span style="font-family:宋体">小邦平台的权利与义务</span></span
        ></strong
      >
    </h2>
    <h3 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 18px"><span style="font-family:宋体">（一）权利</span></span></strong
      >
    </h3>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">数据获取</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：在本协议约定的授权范围内，平台有权按照与您商定的技术方式获取您的授权数据。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">合理使用</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：平台有权根据本协议约定的授权目的，对授权数据进行分析、处理和使用，以提供相应的服务。</span
        ></span
      >
    </p>
    <h3 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 18px"><span style="font-family:宋体">（二）义务</span></span></strong
      >
    </h3>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">合规使用</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：平台严格遵守本协议约定的数据使用规则，以及国家关于个人信息保护的法律法规，合法使用授权数据。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">数据保密</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：平台对授权数据予以保密，不会向任何第三方泄露授权数据，除非事先获得您书面同意或根据法律法规要求必须披露。保密期限自本协议生效之日起至协议终止后</span
        >
        3 <span style="font-family:宋体">年。</span></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">3.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">结果反馈</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：平台会定期通过平台站内信、邮件（若您已绑定邮箱）等方式向您反馈基于授权数据开展的服务优化、数据分析等工作成果，帮助您了解数据使用效果和价值。</span
        ></span
      >
    </p>
    <h2 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">八、违约责任</span></span></strong
      >
    </h2>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">您方违约</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：若您违反本协议约定，未履行合法授权、协助义务等，导致平台无法正常使用授权数据或遭受损失的，您应赔偿平台因此遭受的全部直接和间接损失，包括但不限于平台为获取和使用授权数据所投入的成本、因数据问题导致的业务中断损失、法律纠纷赔偿费用等。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">平台违约</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：若平台违反本协议约定的数据使用规则、安全保障义务、保密义务等，您有权要求平台立即停止违约行为，并要求平台赔偿您因此遭受的全部损失，包括但不限于您因会员投诉、监管处罚所遭受的损失，以及您为维护自身权益所支付的合理费用（如律师费、诉讼费等）。</span
        ></span
      >
    </p>
    <h2 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">九、争议解决</span></span></strong
      >
    </h2>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">协商解决</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：如双方在本协议履行过程中发生争议，应首先通过友好协商解决。您可通过平台客服渠道发起协商，平台会在收到您的协商请求后</span
        >
        3 <span style="font-family:宋体">个工作日内安排专人与您对接。协商应在争议发生之日起 </span
        ><span style="font-family:Segoe UI">30 </span><span style="font-family:宋体">日内进行。</span></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">仲裁或诉讼</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体">：若协商不成，双方同意将争议提交至</span></span
      ><span style="font-family:宋体;color:#222222;font-size:14px"><span style="font-family:Segoe UI">A</span></span
      ><span style="color:#222222;font-size:14px"
        >I<span style="font-family:宋体">小邦归属公司深圳会邦科技有限公司注册地人民法院</span></span
      ><span style="font-family:宋体;color:#222222;font-size:14px"
        ><span style="font-family:Segoe UI">/</span><span style="font-family:宋体">仲裁</span></span
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体">机构进行仲裁</span> / <span style="font-family:宋体">诉讼解决。仲裁 </span
        ><span style="font-family:Segoe UI">/ </span
        ><span style="font-family:宋体">诉讼费用（包括但不限于案件受理费、律师费、鉴定费等）由败诉方承担。</span></span
      >
    </p>
    <h2 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">十、其他条款</span></span></strong
      >
    </h2>
    <p style="margin-top: 7px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">1.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">协议变更</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体"
          >：平台有权根据业务发展、法律法规变化等情况适时对本协议进行修订。修订后的协议会在平台显著位置公布，并明确修订后的生效日期。若您在修订后的协议生效后继续使用平台服务，即表示您同意并接受修订后的协议内容。</span
        ></span
      >
    </p>
    <p style="margin-top: 8px;margin-bottom: 7px;margin-left: 48px;background: rgb(255, 255, 255)">
      <span style="color:#222222;font-weight:bold">2.&nbsp;</span
      ><strong
        ><span style="color: #222222"><span style="font-family:宋体">协议生效</span></span></strong
      ><span style="color:#222222;font-size:14px"
        ><span style="font-family:宋体">：本协议自您勾选</span> <span style="font-family:Segoe UI">“</span
        ><span style="font-family:宋体">同意</span><span style="font-family:Segoe UI">” </span
        ><span style="font-family:宋体"
          >按钮之日起生效。本协议以电子文本形式存储于平台服务器，您可随时在平台相关页面查看。</span
        ></span
      >
    </p>
    <h2 style="margin-bottom:4px;background:rgb(255,255,255)">
      <strong
        ><span style="font-size: 24px"><span style="font-family:宋体">十一、</span></span></strong
      ><strong><span style="font-family: 宋体;font-size: 24px">联系</span></strong
      ><strong
        ><span style="font-size: 24px"><span style="font-family:宋体">方式</span></span></strong
      >
    </h2>
    <p style="margin-top:0;margin-bottom:0;line-height:28px">
      <span style="font-size:16px"
        ><span style="font-family:宋体"
          >如您对本协议或者与本服务有关的事宜或有任何意见或建议，或您有任何疑问或需要帮助的，请您通过以下方式联系我们：</span
        ></span
      ><span style="font-size:16px"><br /></span
      ><span style="font-size:16px"><span style="font-family:宋体">运营方：深圳会邦科技有限公司</span></span
      ><span style="font-size:16px"><br /></span
      ><span style="font-size:16px"><span style="font-family:宋体">联系地址：深圳市南山区科苑路</span></span
      ><span style="font-family:宋体;font-size:16px"
        ><span style="font-family:Segoe UI">8</span><span style="font-family:宋体">号讯美</span></span
      ><span style="font-size:16px"><span style="font-family:宋体">科技广场</span></span
      ><span style="font-family:宋体;font-size:16px"
        ><span style="font-family:Segoe UI">3</span><span style="font-family:宋体">座</span
        ><span style="font-family:Segoe UI">1</span></span
      ><span style="font-size:16px">417</span><span style="font-size:16px"><br /></span
      ><span style="font-size:16px"><span style="font-family:宋体">联系电话：</span>0755-89995466</span>
    </p>
    <p>
      <span style="font-family:宋体;font-size:14px">&nbsp;</span>
    </p>
    <p style="background:rgb(255,255,255)">
      <span style="font-size:14px"
        ><span style="font-family:宋体">请再次确认您已仔细阅读并理解本协议的全部内容，勾选</span>
        <span style="font-family:Segoe UI">“</span><span style="font-family:宋体">同意</span
        ><span style="font-family:Segoe UI">” </span
        ><span style="font-family:宋体">即视为您已签署本协议。如有任何疑问，请随时联系平台客服。</span></span
      >
    </p>
    <p style="margin-top: 7px;margin-bottom: 4px;background: rgb(255, 255, 255)">
      <span style="font-family:Calibri;font-size:14px">&nbsp;</span>
    </p>
    <p>
      <br />
    </p>
  </div>
</template>

<script>
export default {
  name: 'AuthorizationAgreement',
  data() {
    return {
      hasReadToBottom: false,
      scrollThreshold: 90 // 滚动阈值，表示需要滚动到内容的90%才算已读
    }
  },
  mounted() {
    this.$refs.agreementContent.addEventListener('scroll', this.handleScroll)
  },
  beforeDestroy() {
    this.$refs.agreementContent.removeEventListener('scroll', this.handleScroll)
  },
  methods: {
    handleScroll(e) {
      const element = e.target
      // 计算滚动百分比
      const scrollPercentage = (element.scrollTop + element.clientHeight) / element.scrollHeight * 100
      
      // 当滚动到指定阈值时，标记为已读
      if (scrollPercentage >= this.scrollThreshold && !this.hasReadToBottom) {
        this.hasReadToBottom = true
        this.$emit('read-complete', true)
      }
    }
  }
}
</script>

<style scoped>
div {
  height: 400px; /* 设置一个固定高度 */
  overflow-y: auto; /* 启用垂直滚动 */
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 4px;
}
</style>
